<div class="flex align-center">
  <div class="book-header-left">
    <span class="book-icon-wrapper">
      <label for="menu-control">
        {{ partial "svgs/menu.svg" .}}
      </label>
    </span>
    {{ partial "docs/brand" . }}
    <span class="book-icon-wrapper">
      <label for="search-control">
        {{ partial "svgs/search.svg" .}}
      </label>
    </span>
  </div>
  <div class="book-header-center">
    <nav class="book-header-nav">
      {{ partial "docs/menu-header" .}}
    </nav>
  </div>
  <div class="book-header-right">
    {{ partial "docs/search-input" .}}
  </div>
</div>